<template>
	<view class="real-name-view">
		<view class="real-name-title">请输入姓名和身份证号</view>
		<van-field label="姓名" :value="name" @change="name = $event.detail" placeholder="请填写真实姓名" clearable />
		<van-field label="身份证号" :value="idcard" @change="idcard = $event.detail" placeholder="请填写证件号码" clearable />
		<view class="main-basic-btn">
			<van-button block color="#4078E5" @click="submit">下一步</van-button>
		</view>
		<c-center-dialog ref="tipDialog" cancelText="返回" comfirmText="同意" @comfirm="comfirm">
			<template>
				<view class="dialog-view">
					<view class="dialog-title">授权提醒</view>
					<view class="">提示您注意, 为实现核实您真实身份并完 成实名认证的目的, 您需要向我们提供您 的真实姓名、 身份证号码以及您的面部识 别特征信息。 我们承诺此类信息将不会用
						。于于何他他未未权权的景景 并且会对此 类信息采取加密等安全保护技术措施。
						请您理解, 为实现上述目的, 我们会将您 的上述实名信息共享至第三方合作伙伴 </view>
				</view>
			</template>
		</c-center-dialog>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name: '',
				idcard: ''
			};
		},
		methods: {
			submit() {
				this.$refs.tipDialog.show()
			},
			comfirm() {
				this.$refs.tipDialog.close()
				uni.navigateTo({
					url: '/pages/mine/realName/applyResult/applyResult'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.real-name-view {
		padding: 32rpx;
		min-height: 100vh;
		box-sizing: border-box;
		background-color: #fff;

		.real-name-title {
			font-size: 32rpx;
			color: #161616;
			margin-bottom: 32rpx;
		}
	}

	.dialog-view {
		font-size: 30rpx;
		color: #161616;
		text-align: left;

		.dialog-title {
			font-size: 34rpx;
			font-weight: bold;
			margin-bottom: 32rpx;
			text-align: center;
		}
	}

	::v-deep .van-cell {
		padding: 36rpx 0;
	}

	::v-deep .van-field__label {
		font-weight: bold;
		font-size: 30rpx;
		color: #161616;
	}

	::v-deep .van-cell:after {
		left: 0;
		right: 0;
		border-bottom: 2rpx solid #E2E2E2;
	}
</style>